import styled from 'styled-components'

export const PopupWinStyle = styled.div`
	position: absolute;
	width: 435px;
	height: 370px;
	padding: 15px 10px 25px 25px;
	border: 1px solid #b3bbc3;
	background-color: white;
	color: rgb(78, 78, 78);
	font-size: 12px;
	border-radius: 6px;
	.title {
		min-height: 30px;
		font-weight: bold;
		display: flex;
		align-items: center;
		word-break: break-word;
	}
	& > .content {
		height: 300px;
		overflow: auto;
		& > .line {
			min-height: 30px;
			display: flex;
			flex-direction: row;
			align-items: center;
			width: auto;
			border-bottom: 0px;
			.line-left {
				width: 100px;
				display: flex;
				line-height: 20px;
			}
			.line-right {
				flex: 1;
				display: flex;
				&.live {
					align-items: center;
					.live-url {
						display: inline-block;
						height: 30px;
						line-height: 30px;
						overflow: hidden;
						text-overflow: ellipsis;
						white-space: nowrap;
						width: 200px;
					}
					.live-url-copy {
						cursor: pointer;
						color: #1e94da;
						text-decoration: underline;
					}
				}
			}
		}
	}
`
